<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <script type="text/javascript" src="../../../static/jquery/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../../../static/jquery/js/jquery-ui-1.8.23.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="../../../static/jquery/css/ui-lightness/jquery-ui-1.8.23.custom.css">
  <script>
	  $(document).ready(function() {
		
		  $('#tabs').tabs({
			    load: function(event, ui) {
			        $(ui.panel).delegate('a', 'click', function(event) {
			            $(ui.panel).load(this.href);
			            event.preventDefault();
			        });
			    }
			});
	  });
	    
  </script>
</head>
<body style="font-size:62.5%;">
  
<div id="tabs">
	<ul>
		<li><a href="/jsp/test/jquery/tab21.html"><span>one</span></a></li>
		<li><a href="/test/tab2.do"><span>two</span></a></li>
		<li><a href="/jsp/test/jquery/tab23.jsp"><span>three</span></a></li>
	</ul>
</div>
</body>
</html>